<!--  -->
<template>
  <div id='profile'>
    <div>
      <img src='~assets/img/profile/login.png'/>
      <button @click="login">登录/注册</button>
    </div>
  </div>
</template>

<script>
  export default {
  data() {
    return {
      
    }
  },
  //生命周期 - 创建完成（访问当前this实例）
  methods:{
    login(){
      console.log('login')
      this.$router.push('/login')
    }
  },
  created() {
  
  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {
  
  }
  }
</script>
<style scoped>
/* @import url(); 引入css类 */
  #profile div{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20%;
  }
  button{
    display: block;
    margin: 0 auto;
    padding: 9px;
    border: solid 2px #1177b0;
    border-radius: 8px;
    background-color: #bddaeb;
  }
</style>